<template>
    <a-drawer :title="title" :width="350" @close="handleCancel(false)" :visible="visible" :maskClosable="false"
              :bodyStyle="{ paddingBottom: '60px' }">

        <a-list size="small" :bordered="true" :data-source="offLineList">

            <a-list-item slot="renderItem" slot-scope="item, index">
                <small>{{item.deviceCode}}</small>
                <small class="text-danger">离线{{item.offLineDuration}}分钟</small>
            </a-list-item>


        </a-list>

    </a-drawer>
</template>
<script>


    export default {
        props: ['offLineList','dataId'],

        data() {
            return {

                loading: false, //按钮Loading
                title: '离线设备列表',
                visible: true, //modal 显示状态



            };
        },
        methods: {

            handleCancel(render = false) {
                this.visible = false;
                this.$emit('closeFun', {render: render});
            },


        },



    };
</script>
